@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal; }



body{min-width: 1200px; width: 100%;overflow-x: hidden;}



.banner{ height:652px;width:100%; position:relative; z-index:1;}

.banner .bd,.banner .bd li{width:100%; height:652px; overflow:hidden;}

.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:652px;}

.arr1{ position:absolute; top:40%; left:50%; margin-left:-660px; background:url(../images/ban_l.png) no-repeat; width:55px; height:149px;}

.arr2{ position:absolute; top:40%; left:50%; margin-left:600px;background:url(../images/ban_r.png) no-repeat;width:55px; height:149px;}



.sou{ width:1200px; height:160px; background:#00479d; margin:-80px auto 0; position:relative;overflow:hidden; z-index:8;}

.sou dl{ width:400px; height:160px; float:left; overflow:hidden;}

.sou dl:nth-child(2){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065d3+1,0065d3+100 */

background: #0065d3; /* Old browsers */

background: -moz-linear-gradient(left,  #0065d3 1%, #0065d3 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #0065d3 1%,#0065d3 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #0065d3 1%,#0065d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065d3', endColorstr='#0065d3',GradientType=1 );}

.sou dt{ width:84px; height:64px; overflow:hidden; padding:27px 10px 0 34px; float:left;}

.sou dt img{ display:block;width:84px; height:64px;}

.sou dd{ width:252px; float:left; overflow:hidden; font:18px "Microsoft YaHei"; color:#fff; margin-top:25px;}

.sou dd em{ display:block; letter-spacing:5px; font-size:14px; color:#fff; line-height:40px;}

.sou dd b{ font-size:24px; font-family: Arial;}

.sou1{ width:400px;float:right; height:160px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00479d+1,ff0000+100 */

background: #00479d; /* Old browsers */

background: -moz-linear-gradient(left,  #00479d 1%, #00479d 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #00479d 1%,#00479d 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #00479d 1%,#00479d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00479d',GradientType=1 ); }

.sou1 h2{ width:84px; height:64px; overflow:hidden; padding:27px 10px 0 34px; float:left;}

.sou1 h2 img{ display:block;width:84px; height:64px; }

.sou1 p{display:block; letter-spacing:5px; font-size:14px; color:#fff; line-height:40px; margin-top:15px; width:252px; float:left;}

.sou1 .ip01{width:212px; height:32px; padding-left:8px;background:#fff;outline:none;border:0;color:#fff; font:12px "Microsoft YaHei"; line-height:32px; overflow:hidden;}

.sou1 .ip02{ width:34px; height:42px; background:url(../images/sou06.png) no-repeat; margin-top:8px;border:0; outline:none; cursor:pointer;}



.yinz{ height:840px; padding-top:186px; position:relative; margin-top:-80px; background:#f6f6f6 url(../images/yinz_bg.jpg) no-repeat center bottom; overflow:hidden;}

.yinz h2{ height:97px; overflow:hidden; text-align:center; background:url(../images/yinz_line1.png) no-repeat center bottom; font:46px "Microsoft YaHei"; color:#333;}

.yinz h2 em{ display:block; font:12px Arial; text-transform:uppercase; color:#e6e6e6;}

.yinz h2 i{ color:#00479d;}

.yinz p{ height:106px; background:url(../images/yinz_line.png) no-repeat center bottom; font:16px "Microsoft YaHei"; line-height:34px; color:#333; text-align:center; padding:43px 30px 0 30px;}

.yinz ul{ height:175px; margin-top:45px; overflow:hidden;}

.yinz li{ width:80px; float:left; margin-right:40px; font:16px "Microsoft YaHei"; line-height:48px; color:#4f4f4f; text-align:center; background:url(../images/yinz_bg01.png) no-repeat center top;}

.yinz li span{ display:block; width:80px; height:90px;}

.yinz li span img{display:block;width:50px; height:46px; padding:20px 0 23px 16px;}

.yinz li:last-child{ margin-right:0;}

.yinz li:hover{ background:url(../images/yinz_bg02.png) no-repeat center top;}



.tit{ height:150px; text-align:center; overflow:hidden; font:46px "Microsoft YaHei"; color:#2b2b2b;}

.tit a{ color:#2b2b2b;}

.tit em{ display:block; font:20px "Microsoft YaHei"; background:url(../images/pro_line.gif) no-repeat center top; padding-top:8px; margin-top:8px;}



.pro{height:1140px;overflow: hidden; background:url(../images/pro_bg.gif);}

.pro1{ height:383px; overflow:hidden; margin-bottom:48px;}

.prot{ width:262px; height:383px; overflow:hidden; float:left; background:#434343;}

.prot li{ height:75px; border-bottom:1px solid #4f4f4f; font:14px "Microsoft YaHei"; line-height:75px;}

.prot li span{ display:block; width:20px; height:20px; overflow:hidden; float:left; margin:29px 20px 0 40px;}

.prot li em{ display:block;width:20px; height:20px;}

.prot li i{display:block;width:20px; height:20px;}

.prot li img{display:block;width:20px; height:20px;}

.prot li a{ display:block; color:#fff;}

.prot li a:hover,.prot .cur a{ background:#00479d;}

.prot li a:hover em,.prot .cur em{ display:none;}

.pro2{ width:912px; height:383px; float:right; overflow:hidden;}

.pro2 dt img{ display:block;width:912px; height:383px;}

.pro3{ background:#fff; box-shadow:0.1rem 0.1rem 1.5rem 0.1rem #666; height:420px; padding-top:20px; overflow:hidden; position:relative;}

.pro4{ width:1155px; margin:0 auto; overflow:hidden;}

.pro3 li{ width:278px; float:left; margin-right:14px;}

.pro3 li img{ display:block; width:276px; height:204px; border:1px solid #f0f0f0;}

.pro3 li em{ display:block; font:14px "Microsoft YaHei"; color:#434343; overflow:hidden; background:url(../images/pro_arr.png) no-repeat 240px center; height:75px; line-height:75px;padding-left:15px;}

.pro3 li span{ display:block; height:38px; background:#f5f5f5; font:14px Arial; text-transform:uppercase; color:#979797; line-height:38px; overflow:hidden; text-align:center; text-transform:uppercase;}

.pro3 li a:hover span{ color:#fff; background:#00479d;}

.pro3 li a:hover img{ border:1px solid #00479d;}

.arr3 a{ display:block; width:12px; height:12px; overflow:hidden; background:url(../images/pro_dot1.png) no-repeat; position:absolute; top:378px; left:580px;}

.arr4 a{ display:block;width:12px; height:12px; overflow:hidden; background:url(../images/pro_dot1.png) no-repeat; position:absolute; top:378px; left:606px;}

.arr3 a:hover,.arr4 a:hover{background:url(../images/pro_dot2.png) no-repeat;}



.hpzhi{ height:570px; padding-top:68px; background:url(../images/shil_bg.jpg) no-repeat center top;}

.hpzhi .tit{ color:#fff;}

.hpzhi .tit em{ background:url(../images/shil_line.png) no-repeat center top; color:#d8d8d8;}

.hpzhi dl{ width:266px; float:left; margin-right:43px;}

.hpzhi dt{ position:relative; width:266px; height:232xp;}

.hpzhi dt img{ display:block;width:266px; height:232xp;}

.hpzhi dt em{ display:block; width:97px; height:42px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:33px; color:#fff; padding-left:20px; background:url(../images/shil_bg.png) no-repeat; position:absolute; top:11px; left:-4px;}

.hpzhi dd{ background:#494949 url(../images/shil_line1.gif) no-repeat 222px 68px; height:70px; padding:20px 50px 0 20px; font:16px "Microsoft YaHei"; line-height:25px; color:#d6d6d6;}

.hpzhi dd em{ display:block;}

.hpzhi dl:last-child{ margin-right:0;}

.hpzhi dl:hover dd{ color:#fff; background:#00479d url(../images/shil_line2.gif) no-repeat 222px 31px;}



.ys{ height:1290px; background:url(../images/pro_bg.gif); padding-top:105px;}

.ys .tit em{ background:none;}

.ys1{ background:url(../images/ys_bg1.jpg) no-repeat center top; height:529px; overflow:hidden;}

.ys1 .content{ position:relative;}

.ys1 dl{ width:520px; position:absolute; top:0; right:0;}

.ys1 dt{ width:390px; float:right; background:url(../images/ys_line.gif) no-repeat 83px bottom; font:18px "Microsoft YaHei"; line-height:46px; color:#2b2b2b; margin-bottom:18px;}

.ys1 dt b,.ys2 dt b{ font-size:20px;}

.ys1 dt em{ display:block; width:83px; float:left;}

.ys1 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#737373;}

.ys1 dl:nth-child(2){ top:217px;}

.ys1 h5{ width:286px; height:48px; background:#e4e4e4; font:24px Arial; font-weight:bold; color:#787878; line-height:48px; text-align:center; position:absolute; top:410px; right:0; text-transform:capitalize;}

.ys2{ background:url(../images/ys_bg2.jpg) no-repeat center top; height:612px;}

.ys2 dl{ width:530px; padding:45px 0 0 32px; height:200px;}

.ys2 dt{background:url(../images/ys_line.gif) no-repeat 83px bottom; font:18px "Microsoft YaHei"; line-height:46px; color:#2b2b2b; margin-bottom:18px;}

.ys2 dt em{ display:block; width:83px; float:left;}

.ys2 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#737373; padding-left:85px;}



.par{ height:565px; overflow:hidden; background:url(../images/par_bg.jpg) no-repeat center 450px; position:relative;}

.par .tit i{ color:#00479d;}

.par2{ position:relative;}

.par li{ width:240px; float:left; background:url(../images/par_bg.png) no-repeat 50px 50px;}

.par li img{ display:block; width:180px; height:180px; padding:30px 0 0 30px;}

.arr5{ font:24px "宋体"; color:#fff; position:absolute; top:460px; left:658px;}

.arr6{ font:24px "宋体"; color:#fff; position:absolute; top:460px; left:678px;}



.lc{ background:url(../images/lc_bg.jpg) no-repeat center top; height:419px; padding-top:100px; overflow:hidden;}

.lc h2{ height:164px; width:480px; overflow:hidden; font:40px "Microsoft YaHei"; color:#fff; margin-top:-12px; float:left;}

.lc h2 em{ display:block; font:20px "Microsoft YaHei"; color:#dadada; padding-top:8px;}

.lc li{ width:240px; height:164px; float:left; font:16px "Microsoft YaHei"; text-align:center; color:#fff;}

.lc li em{ display:block; width:54px; height:50px; margin:25px auto 11px;}

.lc li em img{ display:block;width:54px; height:50px;}

.lc li i{ display:block; font:12px Arial; text-transform:uppercase; color:#7f7f7f; padding-top:10px;}

.lc li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}



.new{ height:730px; padding-top:90px; background:url(../images/new_bg.gif);}

.new .tit i{ color:#00479d;}

.newt{ height:34px; margin-bottom:65px; margin-left:395px;}

.newt li{ width:130px; height:34px; float:left; margin-right:12px;}

.newt li a{ display:block; width:128px; height:32px; font:16px "Microsoft YaHei"; text-align:center; line-height:32px; color:#2e2e2e; border:1px solid #ececec;}

.newt li a:hover,.newt .cur a{ color:#fff; background:#00479d;}

.new dl{ width:367px; float:left; margin-right:45px; height:385px;}

.new dt img{ display:block; width:367px; height:206px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.new dt em{ display:none; width:367px; height:40px; background:#00479d; color:#fff; font:30px "Microsoft YaHei"; text-align:center; line-height:40px; position:absolute; bottom:0; left:0;}

.new dt{display:block; width:367px; height:206px; position:relative; overflow:hidden;}

.new dt a:hover img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}

.new dd{ padding:25px;}

.new dd h3 a{ display:block; font:16px "Microsoft YaHei"; text-align:center; line-height:30px; height:30px; color:#292929; overflow:hidden;}

.new dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#656565; height:60px; overflow:hidden; padding-top:20px;}

.new dd em a{ display:none; width:50px; height:56px; overflow:hidden; margin:110px auto 0; background:url(../images/new_btn.png) no-repeat center top; font:14px Arial; text-transform:uppercase; color:#5b5b5b; line-height:56px; text-align:center;}

.new dl:last-child{ margin-right:0;}

.new dl:hover{ background:#fff; box-shadow:0.1rem 0.1rem 0.8rem 0.1rem #eee;}

.new dl:hover dt em,.new dl:hover dd em a{ display:block;}



.about{ height:504px; padding-top:90px; overflow:hidden; background:url(../images/about_bg.gif) no-repeat left 90px;}

.about dl{ height:428px; overflow:hidden;}

.about dt{ width:700px; float:left; overflow:hidden; position:relative; height:428px;}

.about dt img{ display:block;width:600px; height:380px; padding-left:100px}

.about dt em{ display:block; width:260px; height:220px; position:absolute; bottom:0; left:0;}

.about dt em img{ display:block; width:254px; height:214px; border:3px solid #fff; padding:0;}

.about dd{ width:405px; float:right;} 

.about dd em{ display:block; height:50px; font:18px "Microsoft YaHei"; line-height:50px; color:#333; text-transform:uppercase; position:relative;}

.about dd em:before{ content:""; position:absolute; bottom:0; left:-95px; width:200px; height:1px; background:#cfcfcf;}

.about dd h3 a{ display:block; font:40px "Microsoft YaHei";color:#333; margin-top:40px;}

.about dd h3 i{ display:block; font:18px "Microsoft YaHei"; padding:10px 0 20px; position:relative;}

.about dd h3 i:before{ content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#00479d;}

.about dd p{ font:15px "Microsoft YaHei"; line-height:26px; height:78px; overflow:hidden; margin:25px 0;}

.about dd span a{ display:block; width:220px; height:40px; font:15px "Microsoft YaHei"; text-align:center; line-height:40px; background:#00479d; color:#fff;}



.pic{ height:295px; overflow:hidden;}

.pict{ width:220px; height:225px; float:left; overflow:hidden; background:#dddddd;}

.pict li{ height:74px; border-bottom:1px solid #e5e5e5; font:16px "Microsoft YaHei"; text-align:center; color:#333;}

.pict li a{ display:block; color:#333; padding-top:18px; height:56px;}

.pict li em{ display:block; font:12px Arial; text-transform:uppercase; color:#949494; line-height:24px;}

.pict li a:hover,.pict .cur a{ background:#00479d; color:#fff; position:relative;}

.pict li a:hover:before,.pict .cur a:before{ content:""; position:absolute; top:26px; right:0; width:0; height:0; border-right:0.7rem solid #f8f8f8; border-top:0.8rem solid rgba(0,0,0,0);border-bottom:0.8rem solid rgba(0,0,0,0);}

.pict li a:hover em,.pict .cur em{ color:#fff;}

.pic1{ width:951px; float:right; height:225px; overflow:hidden;}

.pic2{width:951px; height:225px;}

.pic1 li{ width:300px; height:225px; float:left; position:relative; margin-right:25px;}

.pic1 li img{ display:block;width:298px; height:223px; border:1px solid #ccc;}

.pic1 li em{ display:block; width:300px; height:44px; font:16px "Microsoft YaHei"; line-height:44px; color:#333; text-align:center; overflow:hidden; background:#efefef; position:absolute; bottom:0; left:0;}

.pic1 li:last-child{ margin-right:0;}



.link{ background:url(../images/link_bg.jpg) no-repeat center top; height:80px; overflow:hidden;}

.link span{ font:24px "Microsoft YaHei"; line-height:80px;color:#fff; display:block; float:left; height:80px;padding-left:40px; width:180px; }

.link em{ font:14px Arial; text-transform:uppercase; color:#dbdbdb;}

.link a{ display:inline-block; font:14px "Microsoft YaHei"; line-height:80px; color:#dbdbdb; padding:0 10px;}





/*animation*/

@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}





/*产品*/

.part{

  padding:50px 0;

}

.part-title {

  text-align: center;

  margin-bottom: 40px;

}



.part-title h2 {

  font-size: 50px;

  line-height: 56px;

  font-weight: bold;

}



.part-title span {

  color: #00479d;

}



.part-title p {

  margin: 5px 0 0;

  font-size: 20px;

  font-weight: bold;

}



.part-title small {

  display: block;

  font-family: 'Times New Roman';

  font-size: 75%;

  color: #c9c9c9;

}



.part-title.mini {

  margin-bottom: 20px;

  font-size: 24px;

}



.part2 {

  /*background: url(../images/part2bg.png) no-repeat top center;*/

  background-size: 100% 100%;

}



.part2-way {

  /*padding-top: 45px;*/

  /*padding-bottom: 20px;*/

}



.part2-way .slide {

  background-color: #fff;

  padding: 25px 0px 0px;

}

.part-left-slide{

  padding: 0 15px;

}

.part2-way .slide h4 {

  margin: 0 0 10px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

}



.part2-way .slide h4 a {

  font-weight: bold;

  display: block;

  background: url(../images/jia.png) no-repeat right center;

  line-height: 24px;

  color: #00479d;

  font-size: 20px;

}



.part2-way .slide ul {

  overflow: hidden;

  margin-bottom: 10px;

}



.part2-way .slide li {

  float: left;

  width: 50%;

}



.part2-way .slide li a {

  display: block;

  line-height: 44px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.part2-way .slide li a:hover {

  color: #00479d;

}



.part2-way .slide .tel {

  background: url(../images/tel2.png) no-repeat 0 center;

  padding-left: 55px;

}



.part2-way .slide .tel strong {

  display: block;

  font-size: 28px;

  font-family: Impact;

  line-height: 1;

  margin-top: 5px;

}



.part2-way .list {

  overflow: hidden;

}



.part2-way .list li {

  padding: 0 10px;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part2-way .list .box {

  margin-bottom: 20px;

  background-color: #fff;

  position: relative;

  overflow: hidden;

}

/*.part2-way .list .m {line-height: 210px;height: 210px;}*/

.part2-way .list p {

  margin: 0;

  line-height: 110px;

  text-align: center;

  padding: 0 20px;

  font-size: 18px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.part2-way .list .text {

  position: absolute;

  left: 0;

  top: 100%;

  background-color: #00479d;

  color: #fff;

  text-align: center;

  width: 100%;

  height: 100%;

  -webkit-transition: all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition: all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);

}



.part2-way .list .text h4 {

  margin: 32px 0 18px;

  font-size: 22px;

  background: url(../images/fdj.png) no-repeat top center;

  padding-top: 68px;

}



.part2-way .list .text a {

  display: block;

  color: #fff;

  line-height: 24px;

}



.part2-way .list .box:hover .text {

  top: 0;

}

.cate-left-bottom{

  margin-top: 20px;

  border-top: none;

  border:1.4px solid #eee;

  padding-bottom: 20px;

  margin-right: 10px;

}

.cate-left-bottom h1{

  font-size: 24px;

  font-weight: bold;

  padding: 20px 0;

  color: #333;

  background-color: #999;

  text-align: center;

}

.cate-left-bottom h1 span{

  display: inline-block;

  padding-left: 34px;

}

.cate-left-bottom h1 img{

  float: right;

  display: inline-block;

  margin-right: 24px;

  width: 24px;

  height: 24px;

  border:2px solid #333

}

.cate-left-bottom .cate-list{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding:10px 20px;

}

.cate-left-bottom .cate-list a:hover{

  background-color: #00479d;

  color: #fff;

}

.cate-left-bottom .cate-list a{

  display: inline-block;

  background-color: #dfdfdf;

  padding: 10px 24px;

  min-width: 110px;

  margin:10px 0;

  text-align: center;

  font-size: 18px;

  font-weight: bold;

  border-radius: 3px;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part2-way .list li:hover a {

  color: #00479d;

}



/*优势*/

.ul-imgtxt02 {

  overflow: hidden;

}



.ul-imgtxt02>div {

  margin-bottom: 10px;

}



.ul-imgtxt02 .con {

  padding: 20px 0;

}



.ul-imgtxt02 .con .num {

  font-size: 36px;

  margin-top: 2px;

  float: left;

  width: 58px;

  height: 58px;

  line-height: 58px;

  text-align: center;

  font-weight: 600;

  background: url(../images/bj2.png) center center no-repeat;

  background-size: 100% 100%;

  color: #fff;

}



.ul-imgtxt02 .con .txt {

  overflow: hidden;

  padding-left: 18px;

}



.ul-imgtxt02 .con .txt h3 {

  margin-bottom: 20px;

  font-size: 24px;

  line-height: 32px;

  color: #000;

  font-weight: bold;

}



.ul-imgtxt02 .con .txt h3 span {

  display: block;

  color: #00479d;

  font-weight: bold;

}



.ul-imgtxt02 .con .txt p {

  font-size: 14px;

  color: #5b5b5b;

  line-height: 32px;

}

.ul-imgtxt02 div{

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

} 



/*好的工厂*/



.part3-fea li {

  color: #333;

  border-right: 1px solid #ccc;

  margin: 15px 0;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part3-fea li:nth-child(4n) {

  border-right: 0;

}



.part3-fea li span {

  display: block;

  width: 130px;

  height: 130px;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.4s linear;

  transition: all 0.4s linear;

  background-color: #ededed;

  margin: 0 auto;

}



.part3-fea li img {

  position: absolute;

  width: 53px;

  height: 53px;

  top: 50%;

  left: 50%;

  margin: -26px 0 0 -26px;

  -webkit-transition: all 0.4s linear;

  transition: all 0.4s linear;

}



.part3-fea li img.h {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);

  transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);

}



.part3-fea li h4 {

  margin: 25px 0 15px;

  font-size: 24px;

  font-weight: bold;

}



.part3-fea li small {

  font-weight: bold;

  display: block;

  font-size: 13px;

  color: #4f4f4f;

  text-transform: uppercase;

}



.part3-fea li .fea-btn {

  font-weight: bold;

  width: 190px;

  max-width: 100%;

  padding: 0 4px;

  display: block;

  margin: 60px auto 0;

  line-height: 46px;

  background-color: #00479d;

  border-radius: 50px;

  font-size: 13px;

  color: #fff;

}



.part3-fea li:hover span {

  background-color: #00479d;

}



.part3-fea li:hover img.a {

  -webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);

  transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);

  opacity: 0;

}



.part3-fea li:hover img.h {

  -webkit-transform: rotate3d(1, 0, 0, 0deg);

  transform: rotate3d(1, 0, 0, 0deg);

  opacity: 1;

  visibility: visible;

}



/*pk*/

.part4-pkBox {}



.part4-pkBox .tit {

  position: relative;

  z-index: 2;

  font-size: 36px;

  font-weight: bold;

  text-align: center;

  background: url(../images/pkbg1.png) no-repeat center top;

}



.part4-pkBox .tit span {

  float: left;

  width: 50%;

  color: #fff;

  height: 85px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.part4-pkBox .tit span:last-child {

  color: #6b6b6b;

}



.part4-pkBox .tit .pk-icon {

  position: absolute;

  right: 50%;

  top: 10px;

  margin-right: -65px;

  width: 152px;

  z-index: 1;

  height: 89px;

  background: url(../images/pk.png) no-repeat center top;

  background-size: 100% auto;

}



.part4-pk-item {

  display: flex;

  background: url(../images/pkitem2.png) no-repeat top center;

  background-size: 100% 100%;

}



.part4-pk-item:nth-child(2n) {

  background-image: url(../images/pkitem1.png);

}



.part4-pk-item dl {

  float: left;

  width: 50%;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.part4-pk-item dt {

  padding: 27px 0;

  width: 25%;

}



.part4-pk-item dd {

  padding: 15px 30px;

  width: 75%;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part4-pk-item dd h4 {

  margin: 0 0 10px;

  font-size: 30px;

  color: #00479d;

  font-weight: bold;

}



.part4-pk-item dd p {

  margin: 0;

  font-size: 16px;

  color: #727272;

  line-height: 24px;

}



.part4-pk-item dl:nth-of-type(even) {

  flex-direction: row-reverse;

}



.part4-pk-item dl:nth-of-type(even) dd {

  text-align: right;

}



.part4-pk-item dl:nth-of-type(even) h4 {

  color: #6b6b6b;

}



/*为什么选择*/

.part6-list {

  display: flex;

  flex-wrap: wrap;

}



.part6-list li {

  border-right: 1px dashed #b8b8b8;

  margin-bottom: 20px;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part6-list li .box {

  padding: 0 13.3%;

  position: relative;

}



.part6-list li:nth-child(3n) {

  border-right: none;

  padding-right: 0;

}



.part6-list li:nth-child(3n+1) {

  padding-left: 0;

}



.part6-list li h4 {

  padding-left: 58px;

  font-weight: bold;

  color: #000;

  font-size: 34px;

  position: relative;

  margin-bottom: 20px;

}



.part6-list li h4 small {

  font-weight: normal;

  color: #000;

  display: block;

  font-size: 18px;

  margin-top: 7px;

  text-transform: uppercase;

}



.part6-list li h4 span,

.part6-list li .num {

  color: #00479d;

}



.part6-list li .num {

  position: absolute;

  left: 0;

  top: 10px;

  font-style: italic;

  font-size: 42px;

}



.part6-list li p {

  font-size: 15px;

  color: #000;

  line-height: 24px;

  margin-bottom: 12px;

}



/*服务*/

.part7-fw {

  padding-left: 20px;

}



.part7-fw dl {

  display: flex;

  margin: 30px 0 0;

  flex-wrap: wrap;

}



.part7-fw dt {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 37%;

  font-size: 20px;

  font-weight: bold;

  color: #fff;

  float: left;

  text-align: center;

  padding: 20px 15px;

  background: url(../images/fwbgl.png) no-repeat center;

  background-size: 100% 100%;

      -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part7-fw dt span {

  margin-right: 15px;

  display: inline-block;

  width: 34px;

  height: 30px;

  background: url(../images/fuw_ico01.png) no-repeat center;

  background-size: 100% auto;

}



.part7-fw dd {

  width: 63%;

  padding: 10px 20px 0 20px;

  line-height: 24px;

  color: #787878;

  background: url(../images/fwbgr.png) no-repeat left center;

  background-size: 100% 100%;

      -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part7-fw dl:hover dd {

  background-image: url(../images/fwbgr1.png);

}



.part7-fw dl:hover dt {

  background-image: url(../images/fwbgl1.png);

}

.part7 div{

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.part9 {

  background: #ebebeb;

}



.part9-sczx-con {

  position: relative;

}



.part9-sczx-con li .imgBox {

  height: auto;

}



.part9-sczx-con li p {

  line-height: 72px;

  background: #00479d;

  color: #ebebeb;

  font-size: 26px;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 100%;

}



.part9-prev,

.part9-next {

  font-family: cursive;

  font-weight: bold;

  outline: none;

  z-index: 10;

  font-size: 28px;

  position: absolute;

  top: 50%;

  margin-top: -26px;

  width: 52px;

  height: 52px;

  line-height: 52px;

  text-align: center;

  background: #fff;

  border-radius: 100%;

  color: #00479d;

}



.part9-prev {

  left: -26px;

}



.part9-next {

  right: -26px;

}



.part9-prev.swiper-button-disabled,

.part9-next.swiper-button-disabled {

  color: #ccc;

  opacity: 0.8;

}



.part11 {

  background: url(../images/abt_bg.jpg) no-repeat center bottom #f0f0f0;

}



.part11-about-text {

  padding: 70px 20px 0 5px;

}



.part11-about-text h4 {

  margin: 0;

  font-size: 28px;

}



.part11-about-text p {

  line-height: 1.8;

  margin: 30px 0 0;

  text-align: justify;

  font-size:14px;

}



.part11-text {

  background: #fff;

}



.part11 .figure {

  text-align: center;

  padding: 40px 10px;

  font-size: 0;

  background: #fff;

}



.part11 .figure li {

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  margin: 0 15px 15px;

}



.part11 .figure li strong {

  display: inline-block;

  vertical-align: middle;

  line-height: 1;

  font-size: 48px;

  font-family: Impact;

  color: #00479d;

}



.part11 .figure li p {

  margin: 0 0 0 5px;

  max-width: 110px;

  display: inline-block;

  vertical-align: middle;

  line-height: 24px;

  font-size: 18px;

}



.part11 div{

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.cbgg-01 {

    background: #00479d;

    text-align: center;

    color: #fff;

}



.cbgg-01-img img {

    width: 100%;

    display: block;

}



.cbgg-01 p {

    padding-top: 15px;

}



.cbgg-01 p img {

    vertical-align: middle;

    margin-right: 5px;

}



.cbgg-01 span {

    display: block;

    font-size: 28px;

    font-weight: bold;

    font-family: Arial;

    padding-bottom: 20px;

    padding-top: 10px;

}